<template>
  <div style="width: 100%" class="dashboard-editor-container">
    <div style="position: absolute;width: 100%">
    <vue-particles
      color="#dedede"
      :particleOpacity="0.7"
      :particlesNumber="50"
      shapeType="circle"
      :particleSize="4"
      linesColor="#dedede"
      :linesWidth="1"
      :lineLinked="true"
      :lineOpacity="0.4"
      :linesDistance="150"
      :moveSpeed="3"
      :hoverEffect="true"
      hoverMode="grab"
      :clickEffect="true"
      clickMode="push"
    >
    </vue-particles>
    </div>
    <el-row style="margin-top: 80px">
      <div style="margin-left: 40%">
      <h1 class="sidebar-title" >
        蓝天信诚征信平台
      </h1>
      </div>
    </el-row>
    <el-row class="searchrow">
      <el-col class="searchbox" >
        <div style="background:#fff;margin-bottom:10px;border-radius: 8px">
          <el-card shadow="always" style="height: 180px">
        <el-tabs v-model="activeName" @tab-click="handleClick"
                 style="width: 90%;margin-left: 5%">
          <el-tab-pane label="个人查询" name="first">
            <div style="height: 400px">
              <el-row style="font-size: 10px">
                *为了确保查询的准确性，请如实输入个人信息
              </el-row>
              <el-row>
              <div style="padding-top: 20px;width: 80%;margin:auto">
                  <el-button style="width: 60%;margin-left: 20%" type="primary" size="large" v-waves @click="applyvisible=true">
                    申 请 查 询
                  </el-button>
              </div>
              </el-row>
              <el-dialog v-model="applyvisible" title="个人信用查询申请">
                <el-form :model="form" style="margin-left: 10%">
                  <el-form-item label="姓名" label-width="100px">
                    <el-input v-model="form.name" autocomplete="off" style="width: 60%" />
                  </el-form-item>
                  <el-form-item label="电话" label-width="100px">
                    <el-input v-model="form.telephone" autocomplete="off" style="width: 60%" />
                  </el-form-item>
                  <el-form-item label="身份证号码" label-width="100px">
                    <el-input v-model="form.idnumber" autocomplete="off" style="width: 60%" />
                  </el-form-item>
                  <el-form-item label="家庭住址" label-width="100px">
                    <el-input v-model="form.address" autocomplete="off" style="width: 60%" />
                  </el-form-item>
                  <el-form-item label="职业" label-width="100px">
                    <el-select v-model="form.job" placeholder="请选择您的职业">
                      <el-option label="学生" value="job1" />
                      <el-option label="教室" value="job2" />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="身份证照片" label-width="100px">
                    <el-upload
                      class="upload-demo"
                      action="https://jsonplaceholder.typicode.com/posts/"
                      :on-preview="handlePreview"
                      :on-remove="handleRemove"
                      :before-remove="beforeRemove"
                      multiple
                      :limit="2"
                      :on-exceed="handleExceed"
                      :file-list="fileList"
                    >
                      <el-button type="primary">点击上传</el-button>
                      <template #tip>
                        <div class="el-upload__tip">
                          请上传身份证的正反面照片
                        </div>
                      </template>
                    </el-upload>
                  </el-form-item>
                </el-form>
                <el-row style="=font-weight: lighter;font-size: 10px;margin-left: 12%">
                  阅读<div class="shengming"  @click="persondialogVisible = true">免责声明</div>
                </el-row>

                <template #footer>
                  <span class="dialog-footer">
                    <el-button @click="applyvisible = false">取消</el-button>
                    <el-button
                      v-loading.fullscreen.lock="fullscreenLoading"
                      type="primary" @click="person_search"
                    >确认</el-button
                    >
                  </span>
                </template>
              </el-dialog>
            </div>
          </el-tab-pane>
          <el-tab-pane label="企业查询" name="second">
            <div style="height: 400px">
              <div style="padding-top: 18px;width: 90%;margin:auto">
                <el-form ref="form" :model="personform" label-position="left">
                  <el-form-item>
                    <el-input
                      v-model="personform.id"
                      class = "searchinput"
                      style="width: 80%;font-size: 18px"
                      size="large"
                      placeholder="输入待查找的企业名称，统一社会信用代码或注册号"
                      :suffix-icon="Search"
                    />
                    <el-button style="width: 18%;margin-left: 10px;height: 50px;font-size: 18px"
                               size="large" type="primary" v-waves @click="search_company">
                      查 询
                    </el-button>
                  </el-form-item>
                </el-form>
              </div>
            </div>
          </el-tab-pane>
          <el-tab-pane label="失信名单查询" name="third">
            <div style="height: 400px">
              <el-row style="font-size: 10px">
                *为了确保查询的准确性，请如实输入查询信息
              </el-row>
              <el-row>
                <div style="padding-top: 20px;width: 80%;margin:auto">
                  <el-button style="width: 60%;margin-left: 20%" type="primary" size="large" v-waves
                             @click="companyvisible=true">
                    申 请 查 询
                  </el-button>
                </div>
              </el-row>
              <el-dialog v-model="companyvisible" title="失信名单查询申请">
                <el-form :model="companyform" style="margin-left: 5%">
                  <el-form-item label="企业名称" label-width="140px">
                    <el-input v-model="companyform.name" autocomplete="off" style="width: 60%" />
                  </el-form-item>
                  <el-form-item label="负责人姓名" label-width="140px">
                    <el-input v-model="companyform.telephone" autocomplete="off" style="width: 60%" />
                  </el-form-item>
                  <el-form-item label="负责人身份证号码" label-width="140px">
                    <el-input v-model="companyform.idnumber" autocomplete="off" style="width: 60%" />
                  </el-form-item>
                  <el-form-item label="企业地址" label-width="140px">
                    <el-input v-model="companyform.address" autocomplete="off" style="width: 60%" />
                  </el-form-item>
                  <el-form-item label="查询文件" label-width="140px">
                    <el-upload
                      class="upload-demo"
                      action="https://jsonplaceholder.typicode.com/posts/"
                      :on-preview="handlePreview"
                      :on-remove="handleRemove"
                      :before-remove="beforeRemove"
                      multiple
                      :limit="2"
                      :on-exceed="handleExceed"
                      :file-list="fileList"
                    >
                      <el-button type="primary">点击上传</el-button>
                      <template #tip>
                        <div class="el-upload__tip">
                          请上传待查询的人员名单
                        </div>
                      </template>
                    </el-upload>
                  </el-form-item>
                </el-form>
                <el-row style="=font-weight: lighter;font-size: 10px;margin-left: 12%">
                  阅读<div class="shengming"  @click="persondialogVisible = true">免责声明</div>
                </el-row>
                <template #footer>
                  <span class="dialog-footer">
                    <el-button @click="companyvisible = false">取消</el-button>
                    <el-button type="primary" @click="jump_company_search"
                    >确认</el-button
                    >
                  </span>
                </template>
              </el-dialog>
            </div>
          </el-tab-pane>
        </el-tabs>
          </el-card>
        </div>
      </el-col>
    </el-row>

    <el-dialog
      v-model="persondialogVisible"
      title="免责声明"
      width="50%"
      style="margin-top: 0"
      :before-close="handleClose"
    >
      <div>
        本版发布日期：2022 年 4 月 1 日<br>
        本版生效日期：2022 年 4 月 1 日<br>
        蓝天信诚征信平台(以下简称“我们”或“蓝天信诚”）深知个人信息对您的重要性，并会尽全
        力保护您的个人隐私与信息安全。本《蓝天信诚数据安全与隐私保护政策》(以下简称“本政
        策”）有助于您了解我们如何收集、整理、保存、加工和提供信息。 在通过蓝天信诚个人信
        息主体移动互联网应用平台(以下简称“蓝天信诚网页端”）使用我们的服务前，请您仔细阅读
        (特别是以粗体标注的内容）。 如您是未成年人，您应当在您的父母或者监护人的指导下阅读本政策，并请您在使用我们的
        产品或服务前获得父母或监护人的同意和指导。<br>
        本政策将帮助您了解以下内容：<br>
        一、我们采集的信息、系统权限及用途<br>
        二、我们如何保存与保护信息<br>
        三、我们如何使用信息<br>
        四、对外提供<br>
        五、您如何访问和管理自己的个人信息<br>
        六、我们如何处理未成年人的个人信息保护<br>
        七、政策更新<br>
        八、释义<br>
        九、如何联系我们<br>
        十、信息保护提醒<br>
        一、我们采集的信息、系统权限及用途<br>

        我们会尽可能全面地对您进行信用评估，为您提供服务。获得您更全面的信息有助于我们更
        好地为您服务，我们欢迎您主动向我们提供与您信用相关的信息。在遵守前述原则以及符合国家法律法规及监管规定的前提下，
        以下情形我们需要收集您的信息，用以为您提供服务、提升我们的服务质量、保障您的账户安全。<br>
        1、蓝天信诚网页端功能<br>
        (1）账号注册<br>
        当您注册蓝天信诚网页端账号时，我们会收集您的手机号码。<br>
        (2）身份认证<br>
        为了保护您的个人信息安全，我们可能会选择具备身份验证能力的全国公民身份证号码查询
        服务中心验证您的身份。但我们会通过书面协议、现场检查等方式要求该等第三方遵守严格
        的保密义务及采取有效的保密措施，禁止其将这些信息用于未经您授权的用途。如为了身份
        核验的需要，我们委托商汤科技与中盾信安为蓝天信诚 网页端 开展身份验证服务。在此过程
        中我们需向商汤科技与中盾信安提供您的姓名、身份证号码、人脸识别信息，商汤科技与中
        盾信安根据该等信息完成身份验证，如果您不提供上述信息，我们无法完成您的身份验证。
        我们与商汤科技与中盾信安均有责任保护您的个人信息安全。<br>
        (3）信用报告查询及异议处理<br>
        为了给您提供信用报告查询及异议处理服务，需要收集您的姓名、身份证号码、人脸识别信
        息(面容信息）完成身份认证，若您未完成身份认证，您将无法使用蓝天信诚 网页端 提供的
        信用报告查询及异议处理服务。<br>
        (4）政务服务<br>
        为了给您提供政务服务，我们将收集您的地理位置信息，用于验证您的所在地，若您不提供
        该信息，您将无法使用蓝天信诚 网页端 提供的政务服务。<br>
        (5）权益保护<br>
        为了给您提供权益保护服务，需要收集您的姓名、身份证号码、人脸识别信息(面容信息）
        完成身份认证，若您未完成身份认证，您将无法使用蓝天信诚 网页端 提供的权益保护服务。(6）密码找回
        为了保障您的账户安全，在您需要找回密码时，您需要提供您的可用于证实您身份的注册手
        机号、短信验证码，如果您的账号已经实名认证，则还需姓名、有效身份证件类型及证件号
        用以验证您的身份。<br>
        (7）个人信息<br>
        个人信息功能会显示您提供给我们的各类信息，包括您上传的个人头像、用户名、姓名、手
        机号码、身份证号、身份认证状态、电子邮箱、居住地址、户籍地址、学历、护照、公司邮
        箱、职业信息、微信账号、紧急联系人、紧急联系人电话信息。您可以在个人信息功能中填
        写或者修改您的个人头像、用户名、电子邮箱、居住地址、户籍地址、学历、护照、公司邮
        箱、职业信息、微信账号、紧急联系人、紧急联系人电话信息。您的填写行为视为您同意向
        我们提供前述信息。如果您选择不提供此类信息，亦不影响您正常使用蓝天信诚网页端提供
        的基础服务。<br>
        (8）修改登录密码<br>
        为了保障您的账户安全，在您需要修改登录密码时，您需要提供您的可用于证实您身份的注
        册手机号、短信验证码,原密码用以验证您的身份。<br>
        (9）修改手机号码<br>
        为了保障您的账户安全，在您需要修改手机号时，您需要提供您的可用于证实您身份的注册
        手机号与短信验证码，或者提供您的账户密码以验证您的身份。<br>
        (10）手势登录功能<br>
        设置手势登录密码与找回手势登录密码时，需要您提供账户密码以验证您的身份。<br>
        (11）指纹登录<br>
        设置指纹登录，需要您提供账户密码以验证您的身份。<br>
        2、权限申请以下情形中，您可以选择是否授权我们收集、使用您的个人信息：<br>
        (1）相机权限，用于身份认证功能中获取您的人脸识别信息(面容信息）以及人工认证时证件拍照；<br>
        (2）地址定位权限，用于政务服务中提供本地化服务；<br>
        (3）存储权限，用于调用生物核身 SDK 读取您的人脸识别信息(面容信息）进行活体识别<br>
        以及上传照片时读取照片。<br>
        请您注意，您开启这些权限即代表您授权蓝天信诚可以收集和使用这些信息来实现上述功能，
        如您取消了这些授权，则我们将不再继续收集和使用您的这些信息，但同时也无法为您提供
        上述与这些授权所对应的功能，但不影响您正常使用蓝天信诚 网页端。<br>
        3、向您提供客户服务<br>
        为保护您的账户安全，为您提供咨询服务时，我们的客服人员会核实您通过百行网页端录入
        的的身份信息，可能包括身份证号码，姓名，手机号码。为解答您咨询的相关问题，我们可
        能需要查看您使用蓝天信诚网页端的历史操作记录，包括但不限于注册记录、登录记录、实
        名认证记录、查询报告记录、报告下载记录、异议申请记录、个人声明申请记录、完善个人
        信息的历史记录、意见反馈记录。<br>
        4、向您提供个性化服务及改进服务质量<br>
        为提升您的服务体验及改进服务质量，或者为您推荐更优质或更适合的服务，我们会收集您
        与客户服务团队联系时提供的信息及您参与问卷调查时向我们发送的信息。<br>
        5、特定场景服务<br>
        当您使用蓝天信诚网页端的功能或服务时，在某些特定使用场景下，蓝天信诚可能会使用具
        有相应业务资质及能力的第三方服务商提供的软件服务工具包(简称“SDK”）来为您提供服
        务，由第三方服务商收集您的必要信息。具体包括以下几种：<br>
        (1）友盟消息推送 SDK，为了向您及时推送服务通知，我们使用了有盟推送 SDK，该 SDK需要获取您的手机型号、系统类型、系统版本、网络类型、SIM 卡运营商信息友盟消息推送
        SDK 将收集您的设备信息，设备存储信息，用于实现网页端推送服务。<br>
        (2）中盾安信 SDK。为了实现人脸身份认证功能，我们使用了中盾安信人脸识别 SDK，该
        SDK 需要获取您存储及相机使用权限。
        中盾安信人脸识别 SDK 将收集您的人脸识别信息(面容信息）用于人脸识别功能。
        (为便于您更好地保护个人信息，您也可以联系对方了解相关内容）<br>
        二、我们如何保存与保护信息<br>
        1、信息存储的地点<br>
        我们所采集的全部信息均将保存在中国境内(仅为本隐私政策目的，本文“中国境内”仅指中
        华人民共和国大陆地区，不包含香港特别行政区、澳门特别行政区和台湾地区）。我们会如
        实、妥善地保存您的个人信息，不会对您的信息进行篡改。<br>
        2、信息存储的期限<br>
        我们仅为实现蓝天信诚网页端提供征信产品和服务目的所必需的时间留存您的个人信息，例
        如：<br>
        百合征信网页端采集您的姓名、手机号码、身份证号码及人脸识别信息，在您使用蓝天信诚
        网页端 服务期间我们将一直保存，以保障您可以正常使用蓝天信诚网页端以及维护您的账户安
        全。当您注销蓝天信诚网页端账号后，我们将删除相应的信息。<br>
        当我们的产品或服务发生停止运营的情形时，我们将以推送通知、公告等形式通知您，并在
        停止运营期限内删除您的个人信息或进行匿名化处理。<br>
        3、个人信息的保护<br>
        为保障您的信息安全，我们已建立健全和严格执行保障信息安全的规章制度，并采取有效安
        全技术防护措施保护您的个人信息，防止数据被意外或非法泄露、篡改、丢失、未经授权访
        问或公开披露，具体我们采取了包括但不限于以下措施：<br>
        (1）我们建立符合法律法规和业界标准的信息安全规章制度来保护您提供的个人信息，防
        止数据被未授权访问。例如，我们会对工作人员查询个人信息的权限和程序作出明确规定，
        采取最小授权原则确保只有授权人员才可访问个人信息，对工作人员查询个人信息的情况进
        行登记，开展隐私保护和合规培训，强化员工的信息安全意识。<br>
        (2）为保障您的信息安全，我们致力于使用各种安全技术及配套的管理体系来尽量降低您
        的信息被泄露、损毁、误用、误更改的风险。例如，我们会使用加密技术(例如 SSL）、匿
        名化处理等手段来保护您的个人信息，使用加密传输通道进行数据的传输，部署网络安全设
        备进行网络边界的防护。<br>
        (3）为进一步强化蓝天信诚网页端的信息安全防护能力，我们通过不断提升技术手段加强安
        装在您设备端的软件的安全能力，以防止您的个人信息泄露。例如，我们为了安全传输会在
        您设备本地完成部分信息加密的工作；为了预防病毒、木马程序或其他恶意程序、网站，我
        们会了解您设备安装的应用信息或正在运行的进程信息。<br>
        (4）互联网环境并非百分之百安全，我们已制定个人信息安全事件应急预案，定期进行应
        急响应培训和应急演练。若不幸发生个人信息安全事件，我们将积极采取补救措施， 并通
        过发布公告等形式向您告知安全事件的基本情况和可能的影响、事件处理进展、您可采取的
        降低风险的措施、对您的补救措施等。<br>
        三、我们如何使用信息<br>
        1、我们将严格根据法律法规及监管规定以及您的授权，在如下情形下使用您的信息：<br>
        (1）实现本政策中“我们收集的信息及用途”所述目的；<br>
        (2）为了更好地为您提供服务，知晓您使用蓝天信诚服务的状态，便于您及时了解账户相
        关的变化，您同意我们可以通过蓝天信诚网页端相关页面及信息渠道向您展示服务信息以及
        发送提醒通知；<br>
        (3）根据法律法规或监管要求向相关部门进行报告；<br>
        (4）邀请您参与我们产品或服务有关的客户调研；<br>
        (5）根据法律法规的要求，或为了维护公共安全、公共卫生、重大公共利益，或出于维护
        您或其他个人的生命、财产等重大合法权益的，我们可能需要使用您的个人信息。<br>
        2、除法律法规另有规定外，当您的信息被用于本政策未载明的其他用途时，我们会再次征
        求您的同意。<br>
        四、对外提供<br>
        1、共享我们承诺，未取得您的明确同意，不会向其他任何公司、组织和个人共享您向我们网页端提
        供的个人信息。如业务需要对外共享您的个人信息，我们会向您告知共享个人信息的目的、
        数据接收方的名称、联系方式，并征得您的授权同意。我们在授权范围内，通过后台向第三
        方服务商共享业务功能验证所必须的个人信息时，会要求第三方服务商按照我们的委托目的、
        服务说明、本隐私权政策以及其他任何相关的保密和安全措施来处理个人信息，保障您的个
        人信息安全。<br>
        1、转让<br>
        我们不会将您向我们网页端提供的个人信息转让给任何公司、组织和个人，但以下情形除外：<br>
        (1）在获取明确同意的情况下转让：获得您的明确同意后，我们会向其他方转让您的个人
        信息；<br>
        (2）在涉及合并、收购或破产清算时，如涉及到个人信息转让，我们会在要求新的持有您
        个人信息的公司、组织继续受此个人信息保护政策的约束，否则我们将要求该公司、组织重
        新向您征求授权同意。<br>
        3、公开披露<br>
        原则上我们不得公开您的个人信息，如需公开披露时，我们会向您告知公开披露的目的、披
        露信息的类型及可能涉及的敏感信息，并事先征得您的明确同意。<br>
        4、无需经授权的披露<br>
        根据法律法规的要求，或为了维护公共安全、公共卫生、重大公共利益，或出于维护您或其
        他个人的生命、财产等重大权益的，我们可能需要披露您的个人信息。<br>
        五、您如何访问和管理自己的个人信息<br>
        (一）访问、更正及更新您的账户信息<br>
        您有权通过蓝天信诚 网页端、蓝天信诚客服等渠道访问及更正、更新您的个人信息，法律法
        规、监管政策另有规定的除外。一般情况下，我们会在 15 个工作日内完成审查和处理。
        您有责任及时更新您的个人信息。在您修改个人信息之前，蓝天信诚会验证您的身份。您登录
        蓝天信诚网页端后，可以在“个人中心”中，进行个人信息设置、安全设置、通知设置。<br>
        个人信息设置--为客户提供个性化的用户昵称设置功能，支持查询个人基本信息及设置头像、
        个人信息、电子邮箱、用户名。<br>
        安全设置--为客户提供多种增强蓝天信诚网页端使用的安全服务，确保银行账户的安全。主
        要功能包括：修改登录密码、修改手机号码、面容 ID 登录、指纹登录、手势登录。<br>
        通知设置--可关闭权益保护消息推送。<br>
        您可通过蓝天信诚 网页端-个人中心-个人信息来更新或完善您的个人资料。如果您无法通过
        上述路径更新您的个人资料，您可以随时通过本政策的“九、如何联系我们”进行反馈。一般
        情况下，我们会在 15 个工作日内完成审查和处理。<br>
        (二）删除您的个人信息<br>
        您在蓝天信诚的产品与/或服务页面中可以直接清除或删除的信息，包括消息记录、缓存记
        录。一般情况下，我们会在 15 个工作日内完成审查和处理。<br>
        在以下情形中，您可以随时通过本政策的“九、如何联系我们”中的渠道提出删除个人信息的
        请求：<br>
        1.如果蓝天信诚处理个人信息的行为违反法律法规。<br>
        2.如果蓝天信诚收集、使用您的个人信息，却未征得您的同意。<br>
        3.如果蓝天信诚处理个人信息的行为违反了与您的约定。<br>
        4.如果您不再使用蓝天信诚的产品或服务，或您注销了蓝天信诚的账户。<br>
        5.如果蓝天信诚不再为您提供产品或服务。<br>
        如蓝天信诚决定响应您的删除请求，蓝天信诚还将同时通知从蓝天信诚获得您个人信息的实体，要求其及时删除，除非法律法规或监管政策另有规定，或这些实体获得您的独立授权。
        当您从我们的服务中删除信息后，我们可能不会立即在备份系统中删除相应的信息，但会在
        备份更新时删除这些信息。<br>
        (三）改变您授权同意的范围或撤回您的授权<br>
        您可以通过手机系统权限设置、蓝天信诚网页端的“个人中心-设置-系统权限管理”页面、联
        系客服等方式改变部分您授权蓝天信诚继续收集个人信息的范围或撤回您的授权。您也可以
        通过注销蓝天信诚账户的方式，撤回蓝天信诚继续收集您个人信息的全部授权。
        请您注意，您注销蓝天信诚账户的同时，将视同您撤回了对本政策的同意，蓝天信诚将不再
        收集相应的个人信息。但您撤回同意的决定，不会影响此前基于您的授权而开展的个人信息
        收集。<br>
        (四）注销用户<br>
        您注销蓝天信诚账户的行为是不可逆行为，一旦您注销您的蓝天信诚账户，蓝天信诚将不再
        通过蓝天信诚网页端收集您的个人信息，并将删除有关您蓝天信诚网页端的一切信息，法律法
        规或监管机构对个人信息存储时间另有规定的除外。一般情况下，我们会在 15 个工作日内
        完成审查和处理。<br>
        登录蓝天信诚网页端后，点击“个人中心-账号安全-安全中心”页面进行注销操作。<br>
        (五）响应您的请求<br>
        如果您无法通过上述方式访问、更正或删除您的用户信息，或您需要访问、更正或删除您在
        使用蓝天信诚服务或功能时所产生的其他用户信息，或您认为蓝天信诚存在任何违反法律法
        规或与您关于用户信息的收集或使用的约定，您均可通过本政策中的联系方式与蓝天信诚取
        得联系。为了保障安全，蓝天信诚可能需要您提供书面请求，或以其他方式证明您的身份，
        蓝天信诚将在收到您反馈并验证您的身份后的 15 个工作日内完成审查和处理。对于您合理
        的请求，蓝天信诚原则上不收取费用，但对多次重复、超出合理限度的请求，蓝天信诚将视
        情况收取一定成本费用。对于非法、违规、无正当理由、可能无端重复、需要过多技术手段
        (例如：需要开发新系统或从根本上改变现行惯例）、给他人合法权益带来风险或者非常不
        切实际的请求，蓝天信诚可能会予以拒绝。<br>
        此外，根据相关法律法规、监管要求等规定,以下情形中遇到国家有权机关或者监管机关要
        求的，或者存在以下约定其他情形的，蓝天信诚将可能无法响应您的请求：<br>
        (1） 与国家安全、国防安全直接相关的；<br>
        (2） 与公共安全、公共卫生、重大公共利益等有关的；<br>
        (3） 与犯罪侦查、起诉、审判和执行判决等有关的；<br>
        (4） 有充分证据表明您存在主观恶意或滥用权利的；<br>
        (5） 处于维护您或其他个人的生命、财产等重大合法权益担忧很难得到您同意的；<br>
        (6） 响应您的请求将导致其他个人信息主体或其他个人、组织的合法权益受到严重损害
        的；<br>
        (7） 涉及商业秘密的。<br>
        六、我们如何处理未成年人的个人信息保护<br>
        (1）我们的产品、网站和服务主要面向成人，未成年人不得创建自己的用户账户。<br>
        (2）尽管当地法律和习俗对未成年人的定义不同，但我们将不满 14 周岁的任何人均视为
        未成年人。<br>
        (3）如果我们发现自己收集了未成年人的个人信息，则会设法尽快删除相关数据。<br>
        (4）如您对我们处理方式存在疑问时，请通过“九、如何联系我们”提供渠道联系我们。<br>
        七、政策更新<br>
        蓝天信诚的所有服务均适用本政策。您可以在蓝天信诚官方网站首页查看本政策，也可进入
        蓝天信诚 网页端，点击“关于我们”页面查看本政策。我们鼓励您在使用蓝天信诚服务时多查阅
        本政策。发生下列重大变化情形时，我们会适时对本政策进行更新：<br>
        (1）收集、存储、使用个人信息的范围、目的、规则发生变化；<br>
        (2）对外提供个人信息的对象、范围、目的发生变化；<br>
        (3）您访问和管理个人信息的方式发生重大变化；<br>
        (4）数据安全能力、信息安全风险发生重大变化；<br>
        (5）用户询问、投诉的渠道和机制，以及外部纠纷解决机构及联络方式发生重大变化；<br>
        (6）其他可能对您的个人信息权益产生重大影响的变化。<br>
        我们将依据法律法规、监管要求及业务需要修订此政策，并会在蓝天信诚的官方网站(网址
        为 https://www.baihangcredit.com/）以及蓝天信诚网页端上发布更新后的政策文本。如您
        在本政策更新生效后继续使用我们的服务，即表示您已充分阅读、理解并接受更新后的政策
        并愿意受更新后的政策约束。<br>
        八、释义<br>
        1、本政策中的不良信息是指对您的信用状况构成负面影响的下列信息：您在借贷、担保、
        使用信用卡等活动中未按合同履行义务的信息，人民法院判决或裁定您履行义务以及强制执
        行的信息，您被列为失信被执行人的信息以及法律法规规定的其他不良信息。<br>
        2、本政策中的信息提供者是指向我们提供信息的单位和个人，包括信息主体本人、与我们
        合作的数据提供机构等。<br>
        3、本政策中的信息使用者是指向我们查询您的信息的单位和个人，包括信息主体本人、经
        您本人授权后的查询机构等。<br>
        4、本政策中的匿名化处理是指通过个人信息的技术处理，使得个人信息主体无法被识别或
        关联，且处理后的信息不能被复原的过程。九、如何联系我们<br>
        如果您有任何疑问、意见或建议，请通过以下方式与我们联系：<br>
        公司名称：蓝天信诚有限公司<br>
        十、信息保护提醒<br>
        信息保护需要您和我们的共同努力。为保障信息安全，我们会根据信息类型及范围，结合我
        们对相应环境的风险识别及认知，使用手机短信校验码方式对您的身份进行验证。我们如发
        现您的账号存在异常，将出于风险控制的情况下对您的账户进行冻结，限制该账号使用百行
        征信网页端服务。<br>
        同时建议您在向他人提供信息时，采取合理措施来避免信息泄露或不当使用风险，不要将密
        码提供给其他人，注意个人信息安全。<br>
      </div>
      <template #footer>
                  <span class="dialog-footer">
                    <el-button type="primary" @click="persondialogVisible = false"
                    >确认</el-button
                    >
                  </span>
      </template>
    </el-dialog>
  </div>
  <el-row>
    <el-col
      :xs="20"
      :sm="20"
      :lg="6"
      style="font-weight: bold;margin-left: 6%;margin-top: 10px;border-radius: 8px;"
    >
      <el-card class="chart-wrapper" shadow="never" style="border: none">
        <div>
          <el-col :span="6" class="box_icon">
            <div style="width: 60px;height:60px;margin-top:15px;
            margin-right: 20px;background-color: #F69C0A;border-radius: 30px">
              <img style="height: 30px;margin-left: 25%;margin-top: 25%" src="../../../assets/images/home/cygs2.png">
            </div>
          </el-col>
          <el-col :span="18" class="box_letter">
            <div style="font-size: 17px;font-weight: bold">数据来源广泛</div>
            <br>
            联合中国人民银行征信中心、芝麻信用、腾讯信用、鹏元征信和京东小白守约，提供综合个人征信评分
          </el-col>
        </div>
      </el-card>
    </el-col>
    <el-col
      :xs="20"
      :sm="20"
      :lg="6"
      style="font-weight: bold;margin-left: 6%;margin-top: 10px;border-radius: 8px;"
    >
      <el-card class="chart-wrapper" shadow="never" style="border: none">
        <div>
          <el-col :span="6" class="box_icon">
            <div style="width: 60px;height:60px;margin-top:15px;
            margin-right: 20px;background-color: #ADDB7B;border-radius: 30px">
              <img style="height: 35px;margin-left: 26%;margin-top: 23%" src="../../../assets/images/home/jzgj2.png">
            </div>
          </el-col>
          <el-col :span="18" class="box_letter">
            <div style="font-size: 17px;font-weight: bold">隐私集合求交技术</div>
            <br>
            采用自主优化的SKY-PSI隐私集合求交算法实现数据流转，保护用户隐私信息
          </el-col>
        </div>
      </el-card>
    </el-col>
    <el-col
      :xs="20"
      :sm="20"
      :lg="6"
      style="font-weight: bold;margin-left: 6%;margin-top: 10px;border-radius: 8px;"
    >
      <el-card class="chart-wrapper" shadow="never" style="border: none">
        <div>
          <el-col :span="6" class="box_icon">
            <div style="width: 60px;height:60px;margin-top:15px;
            margin-right: 20px;background-color: #57A7EE;border-radius: 30px">
              <img style="height: 30px;margin-left: 26%;margin-top: 23%" src="../../../assets/images/home/cyl2.png">
            </div>
          </el-col>
          <el-col :span="18" class="box_letter">
            <div style="font-size: 17px;font-weight: bold">综合功能平台</div>
            <br>
            提供个人征信报告查询、失信人员名单查询、企业信用查询功能，配套APP接入信用服务商家，实现便捷服务接口
          </el-col>
        </div>
      </el-card>
    </el-col>
  </el-row>
</template>

<script>
import { ref } from 'vue'
import PanThumb from '@/components/pan-thumb/Index.vue'
import { getidx,setidx } from '@/utils/cookies'

export default {
  name: "SearchPage",
  components: {
    PanThumb
  },
  data() {
    return {
      activeName: 'second',
      activeName2:'',
      endactiveIndex:0,
      form:{},
      companyform:{},
      personform:{},
      applyvisible:false,
      companyvisible:false,
      persondialogVisible:false,
      idx: 0
    }
  },
  methods:{
    handleClick (tab, event) {
      console.log(tab, event)
    },
    person_search() {
      setidx(this.form.idnumber)
      this.applyvisible = false
      this.$router.push('/personresult')
    },
    search_company() {
      this.$router.push('/companyresult')
    },
    jump_company_search() {
      setidx(this.companyform.idnumber)
      this.companyvisible = false
      this.$router.push("/interset")
    }
  }
}
</script>

<style scoped>
.dashboard-editor-container {
  padding: 32px;
  position: relative;
  background:url("../../../assets/images/home/banner.png")
}

.searchrow {
  /*background-color: darkseagreen;*/
  /*margin-top: 10px;*/
  width: 100vw;
  margin-bottom: 0;
}

.searchbox {
  padding-left: 20%;
  padding-right: 20%;
}

.sidebar-title {
  display: inline-block;
  margin-top: 40px;
  color: #FFFFFF;
  font-weight: 600;
  line-height: 50px;
  font-size: 50px;
  font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
  vertical-align: middle;
}

.chart-wrapper {
  background: #F4FBFF;
  padding: 5px 5px 0;
  margin-bottom: 32px;
  border-radius: 8px;
  height: 150px;
}

.box_icon {

}

.shengming:hover {
  cursor: pointer;
  color: #1766cb;
  text-decoration:underline;
}

.searchinput /deep/ .el-input__inner {
  height: 55px;
}
/*
>>>.el-input__inner{
  height: 55px;
}*/

.box_letter {
  font-weight: lighter;
}
</style>
